<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale:1.0">
    <title>加入我们</title>
    <link rel="stylesheet" type="text/css" href="../font-icon/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../swiper/swiper-bundle.min.css">
    <link rel="stylesheet" type="text/css" href="../container/Header.css">
    <style>
        body {
            --font: 100%;
            padding: 0;
            margin: 0;
            font-size: 14px;
        }
        a
        {
            text-decoration: none;
        }
        .white-1
        {
            top:38px;
        }
        .itemsa
        {
            margin-top: 38px;
        }
        .kks
        {
            list-style: none;
            padding: 0;
            display: flex;
            margin-top: 0;
        }
        .kks li
        {
            flex:calc(100% / 3);
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom:1px solid #3399ff;
            border-top:1px solid #eeeeee;
        }
        .kks li:nth-of-type(3)
        {
            background-color: #eeeeee;
        }
        .kks li a
        {
            padding:10px;
            color: #666666;
        }
        .itemss
        {
            padding:20px;
            border-bottom: 1px solid #eeeeee;
        }
        .itemss:nth-last-of-type(1)
        {
            margin-bottom: 50px;
        }
        .itemss h3
        {
            color:#3399ff;
        }
        .itemss p
        {
            margin:10px 0;
        }
        .yuedu
        {
            color: #3399ff;
            text-align: right;
        }
        *
        {
            padding:0;
            margin:0;
            box-sizing: border-box;
        }



    </style>
</head>
<body>
<section></section>
<ul class="white-1">
</ul>

<script src="../waibujs/header.js"></script>
<div class="container">
    <div class="itemsa">
        <ol class="kks">
            <li><a href="../href/lianxiwom.html">联系我们</a></li>
            <li><a href="../href/zhonxindizhi.html">中心地址</a></li>
            <li><a href="../href/jiaruwom.html">加入我们</a></li>
        </ol>
<!--        <div class="itemss">-->
<!--            <h3>资深文案</h3>-->
<!--            <p>职位类别：市场部</p>-->
<!--            <p>工作地点：总部</p>-->
<!--            <p>招聘人数：1</p>-->
<!--            <p>发布时间：2017-11-28</p>-->
<!--            <p class="yuedu">阅读更多</p>-->
<!--        </div>-->
    </div>
</div>
<script src="../waibujs/foot.js"></script>

<script src="../waibujs/xiala.js"></script><!--下拉菜单-->
<script src="../waibujs/xinxi.js"></script><!--首页-->
<script src="../waibujs/jiaruwomss.js"></script><!--加入我们-->
<script>
    var con=document.querySelector('.container')
    jiaru.forEach(function (item,index){
        var div1=document.createElement('div');
        div1.className='itemss'
        var h31=document.createElement('h3');
        h31.innerText=item.title
        var p1=document.createElement('p');
        p1.innerText="职位类别：" + item.position
        var p2=document.createElement('p');
        p2.innerText="工作地点：" + item.work
        var p3=document.createElement('p');
        p3.innerText="招聘人数：" + item.people
        var p4=document.createElement('p');
        p4.innerText="发布时间：" + item.time
        var p5=document.createElement('p');
        p5.className='yuedu'
        p5.innerText='阅读更多'
        div1.appendChild(h31)
        div1.appendChild(p1)
        div1.appendChild(p2)
        div1.appendChild(p3)
        div1.appendChild(p4)
        div1.appendChild(p5)
        con.appendChild(div1)
    })
</script>
</body>
</html>